{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<section class="mza-c-home-solutions m24-c-content extra-top-padding has-scroll-padding" id="solutions">
    <hgroup class="mza-hgroup">
      <p class="mza-eyebrow">Our Solutions</p>
      <h2 class="mza-section-heading">Incremental audiences in brand-safe environments</h2>
    </hgroup>

    <div class="mza-figure-grid reversed-on-large">
      <div class="mza-stat">
        <span class="mza-stat-text">
          <span class="mza-stat-number is-smaller">210M+</span>
          <span class="mza-stat-label">monthly active Firefox users</span>
        </span>
      </div>
      <figure class="mza-figure">
        {{ resp_img(
          url="img/mozorg/advertising/ads-solution-1.png",
          optional_attributes={
            'loading': 'lazy',
            'alt': 'stylized screenshot of Firefox browser'
          }
        ) }}

        <figcaption class="mza-figcaption">
          <b>Firefox</b> is the most trusted alternative to privacy-invading browsers.
        </figcaption>
      </figure>
    </div>

    <div class="mza-figure-grid">
      <div class="mza-stat">
        <span class="mza-stat-text">
          <span class="mza-stat-number is-smaller">16.2M</span>
          <span class="mza-stat-label">monthly active MDN users</span>
        </span>
      </div>

      <figure class="mza-figure">
        {{ resp_img(
          url="img/mozorg/advertising/ads-solution-2.png",
          optional_attributes={
            'loading': 'lazy',
            'alt': 'stylized screenshot of MDN website'
          }
        ) }}

        <figcaption class="mza-figcaption">
          <b>MDN</b> is the go-to resource for millions of web developers.
        </figcaption>
      </figure>
    </div>

<div class="mza-section-footer">
  <a class="mza-large-link" href="/advertising/solutions/">Our solutions</a>
</div>

</section>
